FB event:
https://www.facebook.com/events/1313247108762291
GitHub repo: https://github.com/Happy-CSSer/Happy-CSSer/tree/master/2017-03-11

嗯…
你沒看錯，這週的 repo 資料夾是空的 XDDD
沒記錯的話，來的人很少，所以就臨時改成自習課了 XDDDDDDD

偶而也要休息一下嘛~

這週活動主要是讓各自去看 CSS grid

看的是這份：
Grid by Example
https://gridbyexample.com/examples/

不過後來邊看邊聊天，
後來不知怎的，
就通通圍在一起，變成導讀 MDN CSS Grid 篇章了 XDDD

順著 grid property 一個個看下來
順便講講有哪些有趣的玩法
之後大家就快快樂樂地回家了 XDDDDD

這週內容寫這麼短，連我自己都看不過去了…
來聊聊活動裡大家比較常用哪種開發方式好了~

1] CodePen

線上前端開發平台，很好用！
支援的語法豐富，而且展示非常便利
基本上大家都會把寫好的成品丟上去，不管之前是用什麼奇怪的開發方式
也是方便後半段分享時，其他人可以直接看 code 更快理解在講什麼，或是提出疑文

缺點就是改一次要等 server response
有時網路環境不太好就常會卡卡的 XDD

2] Web Maker

簡單一句就是離線版的 CodePen!!!

這是款 Chrome 的 extension
因為是離線版的，所以 live reload 就一定是必帶啦~

跟 CodePen 比起來比較不同的是有些快速鍵沒有支援 Sublime 的快速鍵
再來就是沒存檔重整就是 GG 哈哈哈

非常推薦懶人使用！

3] Prepros

拖拉式的開發環境整合軟體，有跨平台，非常好用 <3
好處是可以使用自己慣用的編輯器、還有處理哩哩叩叩的小事情
推推

4] 土炮派

有人就是自幹慣了，或是專案要 bundle 成自己的形狀的，就自己弄環境，webpack 或 gulp 的都可以~